<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Options</title>
		<link rel="stylesheet" type="text/css" href="css/options.css">
		<script src="js/options.js"></script>
		<script src="js/sortable.js"></script>
		<link href='http://fonts.googleapis.com/css?family=Roboto:400,700,700italic,400italic' rel='stylesheet' type='text/css'>

	</head>
	<body>
		<div id="credits_container">
			<a href="#credits" id="credits"></a>
		</div>

		<h1 id="welcome"></h1>

		<p id="introduction"></p>

		<div id="languages_container">
			<ul id="languages"></ul>
		</div>
		<div id="languages_footer">
			<button id="languages_add"></button>
		</div>

		<h2 id="otheroptionsheader"></h2>

		<div id="otheroptions">
			<p><input type="radio" name="uniquetab" id="varioustabs" value=""> <label id="varioustabs_label" for="varioustabs"></label></p>
			<p><input type="radio" name="uniquetab" id="uniquetab" value="yep"> <label id="uniquetab_label" for="uniquetab"></label></p>
			<p><input type="radio" name="uniquetab" id="panel" value="panel"> <label id="panel_label" for="panel"></label></p>
		</div>

		<button id="save"></button>

		<dialog id="languages_add_dialog">
		  <h3></h3>
		  <div class="content_area">
		    <label id="language_label" for="select_language"></label>
		    <select id="select_language"></select>
		  </div>
		  <div class="action_buttons">
		    <button id="languages_add_cancel"></button>
		    <button id="languages_add_ok"></button>
		  </div>
		</dialog>
		<dialog id="credits_dialog">
		  <h3></h3>
		  <div class="content_area">
		  </div>
		  <div class="action_buttons">
		    <button id="credits_ok"></button>
		  </div>
		</dialog>
	</body>
</html>
